<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/commons/global.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en" style="font-size: 100px;">
<head>
<meta charset="UTF-8">
<title>蜂国云分销</title>
<link rel="shortcut icon" type="image/x-icon" href="/css/images/icon.png" />
<link rel="stylesheet" href="/css/font-awesome.min.css" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="/css/yfx_css/index.css" />

</head>
<body>
	<!--顶部导航-->
	<div class="fg_topNav clearfix">
		<div class="fg_l_eLogo">
			<img src="/css/images/fengguo_logo.png" />
		</div>
		<div class="fg_R_topnav ">
			<ul class="fg_R_list fr clearfix">
				<li class="left_border" id="sure_list"><a class="tag_a"
					href="javascript:;"> <i class="fa fa-file-archive-o"
						aria-hidden="true"></i> 待审核订单<span>(5)</span>
				</a></li>
				<div class="down_listBox" id="down_list">
					<p class="direc_up"></p>
					<h5 class="list_title">
						订单确认<i class="fa fa-times-circle but_close" id="btnClose"
							aria-hidden="true"></i>
					</h5>
					<ul class="dropdown-list">
						<li class="dropdown-listDetal"><a href=""> <span
								class="desc"> <span class="name">订单1</span> <span
									class="msg">订单描述...</span>
							</span>
						</a></li>
						<li class="dropdown-listDetal"><a href=""> <span
								class="desc"> <span class="name">订单2</span> <span
									class="msg">订单描述...</span>
							</span>
						</a></li>
						<li class="dropdown-listDetal"><a href=""> <span
								class="desc"> <span class="name">订单3</span> <span
									class="msg">订单描述...</span>
							</span>
						</a></li>
						<li class="dropdown-listDetal"><a href=""> <span
								class="desc"> <span class="name">订单4</span> <span
									class="msg">订单描述...</span>
							</span>
						</a></li>
						<li class="dropdown-listDetal"><a href=""> <span
								class="desc"> <span class="name">订单5</span> <span
									class="msg">订单描述...</span>
							</span>
						</a></li>
						<li class="add_more"><a href="">点击加载更多...</a></li>
					</ul>
				</div>
				<li id="change_Pwd" class="left_border " data-toggle="modal"
					data-target="#myModal"><a class="tag_a" href="javascript:;">
						<i class="fa fa-lock" aria-hidden="true"></i> 修改密码
				</a></li>
				<!-- Modal -->
				<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
					data-backdrop="static" aria-labelledby="myModalLabel">
					<div class="modal-dialog setPwd-modal">
						<div class="modal-content modal-header setPwd_body-content">
							<div class="modal-header setPwd_body-header">
								<button aria-hidden="true" data-dismiss="modal" class="close"
									type="button">&times;</button>
								<h4 class="modal-title setPwd">密码修改</h4>
							</div>
							<div class="modal-body setPwd_body">
								<div class="pc-win-con">
									<form id="chPwdform" method="post">
										<div class="pc-condition">
											<input id="userid" name="userid" type="hidden"
												class="pc-win-txt" value="915C4C9E1F504A908D6663A2D3A1FBC4" />
											<input id="username" name="username" type="hidden"
												class="pc-win-txt" value="shuma" /> <span class="float"
												style="width: 110px; margin-left: 25px;">请输入原始密码</span> <span
												class="float"><input id="oldPwd" name="oldPwd"
												type="password" class="pc-win-txt" /></em> <!--清除浮动--> <span
												class="clear"></span>
										</div>
										<div class="pc-condition">
											<span class="float" style="width: 110px; margin-left: 25px;">请输入新密码</span>
											<span class="float_mid"><input id="password"
												name="password" type="password" class="pc-win-txt" /></span>
											<!--清除浮动-->
											<span class="clear"></span>
										</div>
										<div class="pc-condition">
											<span class="float" style="width: 110px; margin-left: 25px;">请再次输入新密码</span>
											<span class="float_last"><input id="password1"
												name="password1" type="password" class="pc-win-txt" /></span>
											<!--清除浮动-->
											<span class="clear"></span>
										</div>
										<div class="pc-sub-btn">
											<input id="changePwd" type="button" class="sub-btn"
												value="确认修改" />
										</div>
									</form>
								</div>

							</div>
						</div>
					</div>
				</div>
				<li id="user_nameBtn"
					class="left_border last_nav dropdown-toggle user_name"
					data-toggle="dropdown"><a class="tag_a" href="javascript:;">
						<i class="fa fa-user icon_user" aria-hidden="true"></i> 关二爷 <i
						class="fa fa-sort-desc icon_down" aria-hidden="true"></i>
				</a></li>
				<ul id="menu_user"
					class="dropdown-menu dropdown-menu-usermenu pull-right dropdown-menu_user">
					<p class="jiantou_up"></p>
					<li class="dropdown-menu_userList"><a href="javascript:;"><i
							class="fa fa-user-circle-o" aria-hidden="true"></i>我的账户</a></li>
					<li class="dropdown-menu_userList"><a href="javascript:;"><i
							class="fa fa-cogs" aria-hidden="true"></i>设置</a></li>
					<li class="dropdown-menu_userList"><a href="javascript:;"><i
							class="fa fa-question-circle" aria-hidden="true"></i>帮助</a></li>
					<li class="dropdown-menu_userList"><a href="javascript:;" onClick="loginOut();"><i
							class="fa fa-sign-out" aria-hidden="true"></i>退出登录</a></li>
				</ul>
			</ul>
		</div>
	</div>
	<!-- 左边菜单 -->
	<div class="fg_mid_content">
		<div id="fg_leftAside" class="fg_left_aside clearfix">
			<ul class="fg_left_asideList mp38 mb30">
				<li class="fg_current"><i class="fa fa-home"></i> <a
					href="http://localhost:8080/">首页</a></li>
				<c:forEach items="${listMenus}" var="menu">
					<%-- <c:if test="${menu.visible=='true'}"></c:if> --%>
					<li class="aside_lis meanus_list"><i class="fa fa-sitemap"></i>
						<a href="javascript:;">${menu.label }</a> <i
						class="fa fa-plus fg_plus" aria-hidden="true"></i></li>
					<ul class="fg_shopListGl down_ulist">
						<c:forEach items="${menu.children}" var="children">
							<li onclick="openMenu('${children.url}');"><span> <i
									class="fa fa-caret-right right_care" aria-hidden="true"></i>
									${children.label }
							</span></li>
						</c:forEach>
					</ul>
				</c:forEach>
			</ul>
		</div>
		<!-- 中间 -->
		<div id="fg_rightAside" class="fg_right_aside" style="width:800px;height:700px;">
		欢迎来到、、、、、、、
		</div>
	</div>
	<script src="/js/lib/jquery.js" type="text/javascript" charset="utf-8"></script>
	<script src="/js/lib/bootstrap.min.js" type="text/javascript"
		charset="utf-8"></script>
	<script src="/js/index.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(function() {
			var listMenus = "${listMenus[0].label}";
			console.log(listMenus);
		});
		window.onresize = function() {
			var width = $(document.body).outerWidth(true);
			var offWidth = width / 1366 * 100;
			$("html").css("font-size", offWidth);
		};
		function openMenu(url) {
			//alert(url);
			var height = $("body").height() - 63 + "px";
			$("#fg_rightAside").html(
					'<iframe id="contentFrame" frameborder="0" src="' + url
							+ '" style="width:100%;height:' + height
							+ '"></iframe>');
		}
		
		function loginOut() {
			$.ajax({
				type : "post",
				url : "${path}/loginout",
				async : false,
				success : function(data) {
					if(data.success) {
						top.window.location.href = "/";
					}
				}
			});
		}
		
	</script>
</body>
</html>